<%@ page contentType="text/html; charset=UTF-8" %>
<%@ include file="/WEB-INF/jsp/common/init.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<jsp:include page="/WEB-INF/jsp/common/common.jsp" />
	<!-- 导入图片上传库 -->
	<jsp:include page="/WEB-INF/jsp_lib/webuploader.jsp" />
	<script type="text/javascript">
	var uploader;
	$(function(){
		uploader = WebUploader.create({

		    // 选完文件后，是否自动上传。
		    auto: true,
		
		    // swf文件路径
		    swf: '${path}/style_lib/upload/Uploader.swf',
		
		    // 文件接收服务端。
		    server: '${path}/upload.htm',
		
		    // 选择文件的按钮。可选。
		    // 内部根据当前运行是创建，可能是input元素，也可能是flash.
		    pick: '#filePicker',
		
		    // 只允许选择图片文件。
		    accept: {
		        title: 'Images',
		        extensions: 'gif,jpg,jpeg,bmp,png',
		        mimeTypes: 'image/*'
		    }
		});
		uploader.on('uploadProgress', function( file, percentage ) {	
		    $("#fileList").html(Math.ceil(percentage * 100 )+ "%" );
		    if(percentage==1){
		    	document.getElementById("fileList").style.display="none";
		    }
		});
		uploader.on( 'uploadSuccess', function( file,response ) {
			alert(file.name);
			var end = $.parseJSON(response._raw);
			alert("file_id="+end.file_id);
			alert("url="+end.url);
		});
	});
	</script>
</head>
<body>
	<jsp:include page="/WEB-INF/jsp_lib/tip.jsp" />
	<!-- 内容 -->
	<div>
		<form method="post" action="${path}/cp/bank/info/add.htm" id="form1">
			<h2>
				<div>
					上传测试
				</div>
			</h2>
			<table width="100%" class="lindex">
				<tr>
					<th align="right">
						文件：
					</th>
					<td align="left" colspan="3">
						
						<div id="uploader-demo">
						    <!--用来存放item-->
						    <div id="fileList" class="uploader-list"></div>
						    <div id="filePicker">选择图片</div>
						</div>
						
					</td>
				</tr>
				
			</table>
			<div class="options">
				<a href="javascript:goBack();" class="aback">
					【返回】
				</a>
			</div>
		</form>
	</div>
</body>
</html>